<div class="attendease-session {{ page.session.filter_tags }}" data-session-id="{{ page.session.id }}">
  <div class="attendease-name-and-description">
    <div class="attendease-name">
      <h1>{{ page.session.name }}</h1>
    </div>

    {% if site.attendease.data.event_session_description_first == true %}
    <div class="attendease-description">
      {{ page.session.description | markdownify }}
    </div>
    {% endif %}

    <div class="attendease-schedule">
      <div class="attendease-instances">
        {% if site.attendease.data.event_session_times_heading == true %}
        {% assign t_size = page.session.instances.size %}
        <h2 class="attendease-times-heading">{% attendease_t event.lingo.times %}</h2>
        {% endif %}

        {% for instance in page.session.instances %}
          <div class="attendease-instance" data-instance-id="{{ instance.id }}">
            <h3 class="attendease-date" data-date="{{ instance.date }}">
              {{ instance.date_formatted }}
            </h3>

            <div class="attendease-instance-details">
              <div class="attendease-instance-detail attendease-time-range" data-duration="{{ instance.duration }}" data-start-time="{{ instance.time }}">
                {{ instance.time_formatted }} - {{ instance.end_time_formatted}}
                <div class="attendease-duration" data-duration="{{ instance.duration }}">
                  {{ instance.duration_formatted }}
                </div>
              </div>

              <div class="attendease-instance-divider"></div>

              <div class="attendease-instance-detail attendease-instance-location">
                <div class="attendease-instance-location-venue"><a href="/venues/{{ instance.venue_slug }}">{{ instance.room.venue_name }}</a></div>
                <div class="attendease-instance-location-room">{{ instance.room.name }}</div>
              </div>

              {% if site.attendease.data.attendease_event_scheduling_available %}
                <div class="attendease-instance-divider"></div>

                <div class="attendease-instance-detail attendease-scheduling-widget">
                  <div class="attendease-schedule-status"></div>
                  <div class="attendease-schedule-action"></div>
                </div>
              {% endif %}
            </div>
          </div>
        {% endfor %}
      </div>
    </div>

    {% if site.attendease.data.event_session_description_first != true %}
    <div class="attendease-description">
      {{ page.session.description | markdownify }}
    </div>
    {% endif %}

  </div>

  <div class="attendease-session-meta">
    <div class="attendease-presenters attendease-meta-item">
      {% if site.attendease.data.event_session_presenters_heading == true %}
      {% assign t_size = page.session.presenters.size %}
      <h2 class="attendease-presenter-heading">{% attendease_t event.lingo.presenters %}</h2>
      {% endif %}

      {% for presenter in page.session.presenters %}
        <div class="attendease-presenter{% if presenter.featured %} attendease-featured-presenter{% endif %}" data-presenter-id="{{ presenter.id }}">
          <div class="attendease-presenter-profile-image">
            <a href="/presenters/{{ presenter.slug }}"><img src="{{ presenter.profile_url }}" /></a>
          </div>

          <div class="attendease-presenter-name">
            <a href="/presenters/{{ presenter.slug }}">{{ presenter.first_name }} {{ presenter.last_name }}</a>
          </div>

          <div class="attendease-presenter-title">
            {{ presenter.title }}
          </div>

          <div class="attendease-presenter-company">
            {{ presenter.company }}
          </div>
        </div>
      {% endfor %}

    </div>

    <div class="attendease-filters attendease-meta-item">
      {% if site.attendease.data.event_session_filters_heading == true %}
      {% assign t_size = page.session.filters.size %}
        {% if t_size > 0 %}
          <h2 class="attendease-filter-heading">{% attendease_t event.lingo.filters %}</h2>
        {% endif %}
      {% endif %}

      {% for filter in page.session.filters %}
        <div class="attendease-filter">
          <div class="attendease-filter-name">{{ filter.name }}</div>

          <div class="attendease-filter-items">
            {% for item in filter.items %}
              <div class="attendease-filter-item">
                {{ item.name }}
              </div>
            {% endfor %}
          </div>
        </div>

      {% endfor %}
    </div>
  </div>
</div>
